<template>
    <p>这是一个父组件</p>
    <h1>以下是Son组件的内容</h1>
   <Son v-slot="slotProps">
   儿子的名字是 {{ slotProps.sonName }}
   </Son>
   <Son v-slot="{sonName}">
   儿子的名字是 {{ sonName }}
   </Son>
   <BobSon>
    <template v-slot:heade="slotProps">
        <p>1儿子的名字是{{ slotProps.sonName }}</p>
    </template>
    <template #foote="{sonName}">
        <p>2儿子的名字是{{ sonName }}</p>
    </template>
   </BobSon>

</template>
<script>
// const onj ={
//     a:1,
//     b:2
// }
// // const a=obj.a
// const {a}=obj

import Son from "./Son.vue";
import BobSon from "./BobSon.vue"
export default {
    components:{
        Son,
        BobSon
    }
}
</script>